{extend name="public:base" /}

{block name="headstyle"}

{/block}
{block name="main"}
<div class="site-wrap">
    <div class="owl-carousel owl-theme cx-header-slider owl-loaded owl-drag" id="cx-one-slider">
        <div class="owl-stage-outer">
            <div class="owl-stage" style="transform: translate3d(-3540px, 0px, 0px); transition: all 0.25s ease 0s; width: 7080px;">

                {volist name="banner" id="vo"}
                    <div class="owl-item cloned" style="width: 1180px;">
                        <div class="item">
                            <a target="_blank" href="{$vo.line}"><img src="{$vo.path_image}" alt="{$vo.title}" width="100%" /></a>
                        </div>
                    </div>
                {/volist}

            </div>
        </div>
        <div class="owl-nav">
            <div class="owl-prev">
                <i class="fa fa-angle-left"></i>
            </div>
            <div class="owl-next">
                <i class="fa fa-angle-right"></i>
            </div>
        </div>
        <div class="owl-dots">
            <button role="button" class="owl-dot"><span></span></button>
            <button role="button" class="owl-dot active"><span></span></button>
        </div>
    </div>
</div>
<div class="cxudy-indextj" style="margin-top:20px;">
    <div class="owl-carousel owl-theme indextj-box owl-loaded owl-drag">
        <div class="owl-stage-outer">
            <div class="owl-stage" style="transform: translate3d(-598px, 0px, 0px); transition: all 0.25s ease 0s; width: 1794px;">
                {volist name="gundong" id="vo"}
                <div class="owl-item" style="width: 299px;">
                    <div class="item">
                        <a href="{:url('index/tag/index',array('category_id'=>$vo['id'],'title'=>$vo['title']))}" target="_blank">
                            <div class="indextk-img-box">
                                <img src="{$vo.back_image}" />
                                <div class="indextk-opt-text">
                                    <span>{$vo.title}</span>
                                </div>
                            </div></a>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
        <div class="owl-nav">
            <div class="owl-prev">
                <i class="iconfont"></i>
            </div>
            <div class="owl-next disabled">
                <i class="iconfont"></i>
            </div>
        </div>
        <div class="owl-dots disabled"></div>
    </div>
</div>
<div class="home-filter">
    <!--<div class="h-screen-wrap">
        <ul class="h-screen index_ajax_list">
            <li id="menu-item-1147"><a href="http://cxudy-one.chenxingdemo.com/" data-action="postlist_newajax" data-paged="1" data-type="index" data-id="0">首页精选</a></li>
            <li id="menu-item-1144"><a href="http://cxudy-one.demo.chenxingweb.com/%e6%80%a7%e6%84%9f%e7%be%8e%e5%a5%b3" data-action="postlist_newajax" data-paged="1" data-type="cat" data-id="15">性感美女</a></li>
            <li id="menu-item-1145"><a href="http://cxudy-one.demo.chenxingweb.com/%e6%b8%85%e7%ba%af%e7%be%8e%e5%a5%b3" data-action="postlist_newajax" data-paged="1" data-type="cat" data-id="25">清纯美女</a></li>
            <li id="menu-item-1146"><a href="http://cxudy-one.demo.chenxingweb.com/%e7%94%9c%e7%be%8e%e7%b3%bb%e5%88%97" data-action="postlist_newajax" data-paged="1" data-type="cat" data-id="7">甜美系列</a></li>
            <li id="menu-item-1143"><a href="http://cxudy-one.demo.chenxingweb.com/zan" data-action="postlist_newajax" data-paged="1" data-type="index" data-id="0">点赞最多</a></li>
        </ul>
    </div>-->
    <ul class="h-soup cl">
        <li class="open"><i class="fa fa-coffee"></i>最近一周新增 <em>{$week}</em> 篇文章</li>
    </ul>
</div>
<h2 class="btt mobies"> <i class="fa fa-gittip" style="color: #E53A40;"></i>为您推荐 <span>给您推荐一批更精彩的</span> </h2>
<div class="update_area">
    <!--<div class="loading_ajax">
        <img src="__CDN__/assets/word/loading-bars.svg" alt="加载中..." />
        <br />正在为您加载新内容
    </div>-->
    <div class="update_area_content">
        <ul class="update_area_lists cl" id="index_ajax_list">
            <!--<li class="i_list list_n2 cxudy-list-formatimage"><a href="http://cxudy-one.demo.chenxingweb.com/%e6%80%a7%e6%84%9f%e7%be%8e%e5%a5%b3/1098.html" target="_blank"><img class="waitpic" src="__CDN__/assets/word/2019123023155513.jpg_270x370" alt="VIP图片功能：后台可设置对普通用户开放几张图片，其余的需要开通VIP才能查看全部" width="270" height="370" />
                <div class="postlist-imagenum">
                    <span>16</span>张
                </div></a>
                <div class="case_info">
                    <a class="meta-title" href="http://cxudy-one.demo.chenxingweb.com/%e6%80%a7%e6%84%9f%e7%be%8e%e5%a5%b3/1098.html"> VIP图片功能：后台可设置对普通用户开放几张图片，其余的需要开通VIP才能查看全部 </a>
                    <div class="meta-post">
                        2年前
                        <span class="cx_like"><i class="iconfont"></i>6<i class="iconfont"></i>2494</span>
                    </div>
                </div>
            </li>-->

            {volist name='list' id='vo'}
            <li class="i_list list_n2 cxudy-list-formatimage"><a href="{:url('index/tag/detail',array('id'=>$vo['id'],'title'=>$vo['title']))}" target="_blank"><img class="waitpic" src="{$vo.path_imgimage}" style="width:220px;height:310px" alt="{$vo.title}" width="270" height="370" />
                <div class="postlist-imagenum">
                    <span>{$vo.image_number_text}</span>张
                </div></a>
                <div class="case_info">
                    <a class="meta-title" href="{:url('index/tag/detail',array('id'=>$vo['id'],'title'=>$vo['title']))}"> {$vo.title} </a>
                    <div class="meta-post">
                        {$vo.createtime_text}
                        <span class="cx_like"><i class="iconfont"></i>{$vo.pageviews}</span>
                    </div>
                </div>
            </li>
            {/volist}


        </ul>
        {$list->render()}
        <!--<div class="_ajax_paged" id="_ajax_paged"></div>
        <div class="aggd list_aggd">
            <a href="http://cxudy-one.demo.chenxingweb.com/#" target="_blank"><img src="__CDN__/assets/word/and_demo_1160.png" width="1160" height="150" /></a>
        </div>
        <nav class="navigation pagination" role="navigation">
            <h2 class="screen-reader-text">文章导航</h2>
            <div class="nav-links">
                <span aria-current="page" class="page-numbers current"><span class="meta-nav screen-reader-text">第 </span>1<span class="meta-nav screen-reader-text"> 页</span></span>
                <a class="page-numbers" href="http://cxudy-one.demo.chenxingweb.com/page/2"><span class="meta-nav screen-reader-text">第 </span>2<span class="meta-nav screen-reader-text"> 页</span></a>
                <a class="page-numbers" href="http://cxudy-one.demo.chenxingweb.com/page/3"><span class="meta-nav screen-reader-text">第 </span>3<span class="meta-nav screen-reader-text"> 页</span></a>
                <a class="page-numbers" href="http://cxudy-one.demo.chenxingweb.com/page/4"><span class="meta-nav screen-reader-text">第 </span>4<span class="meta-nav screen-reader-text"> 页</span></a>
                <a class="page-numbers" href="http://cxudy-one.demo.chenxingweb.com/page/5"><span class="meta-nav screen-reader-text">第 </span>5<span class="meta-nav screen-reader-text"> 页</span></a>
                <a class="page-numbers" href="http://cxudy-one.demo.chenxingweb.com/page/6"><span class="meta-nav screen-reader-text">第 </span>6<span class="meta-nav screen-reader-text"> 页</span></a>
                <span class="page-numbers dots">…</span>
                <a class="page-numbers" href="http://cxudy-one.demo.chenxingweb.com/page/8"><span class="meta-nav screen-reader-text">第 </span>8<span class="meta-nav screen-reader-text"> 页</span></a>
                <a class="next page-numbers" href="http://cxudy-one.demo.chenxingweb.com/page/2"><i class="fa fa-chevron-right"></i></a>
            </div>
        </nav>-->
    </div>

</div>
<!--<div class="zt_list_index cl">
    <ul class="list_index_ul cl">
    </ul>
</div>-->
{/block}
{block name="footscript"}
<!--<script>
    var curPage = 1; //当前页码
    var total,pageSize,totalPage; //总记录数，每页显示数，总页数
    //getData(1);
    $("#pagecount").on('click','span a',function(){
        var rel = $(this).attr("rel");
        if(rel){
            getData(rel);
        }
    });
    function getData(page){
        $.ajax({
            url:'/index/index/articleList',
            type:'POST',
            data: {'pageNum':page-1},
            beforeSend:function(){

            },
            success:function(json){
                total = json.total; //总记录数
                pageSize = json.per_page; //每页显示条数
                curPage = page; //当前页
                totalPage = json.total; //总页数
                var ul=$('.theme_body').find('*').remove();
                string='';

                $.each(json.data,function(index,array){ //遍历json数据列

                    string+='<li class="i_list list_n2 cxudy-list-formatimage"><a href="http://cxudy-one.demo.chenxingweb.com/%e6%80%a7%e6%84%9f%e7%be%8e%e5%a5%b3/1098.html" target="_blank"><img class="waitpic" src="'+array.path_imgimage+'" alt="VIP图片功能：后台可设置对普通用户开放几张图片，其余的需要开通VIP才能查看全部" width="270" height="370" />';
                    string+='<div class="postlist-imagenum">';
                    string+='<span>16</span>张';
                    string+='</div></a>';
                    string+='<div class="case_info">';
                    string+='<a class="meta-title" href="http://cxudy-one.demo.chenxingweb.com/%e6%80%a7%e6%84%9f%e7%be%8e%e5%a5%b3/1098.html"> VIP图片功能：后台可设置对普通用户开放几张图片，其余的需要开通VIP才能查看全部 </a>';
                    string+='<div class="meta-post">';
                    string+='2年前';
                    string+='<span class="cx_like"><i class="iconfont"></i>6<i class="iconfont"></i>2494</span>';
                    string+='</div>';
                    string+='</div>';
                    string+='</li>';


                });

                $('#index_ajax_list').append(string);

            },
            complete:function(){ //生成分页条
                //getPageBar();
            },
            error:function(){
                alert("数据加载失败");
            }
        });
    }
    //获取分页条
    function getPageBar(){
        $("#pagecount").find('*').remove();
        //页码大于最大页数
        if(curPage>totalPage) curPage=totalPage;
        //页码小于1
        if(curPage<1) curPage=1;
        pageStr = "<span>共"+total+"条</span><span>"+curPage+"/"+totalPage+"</span>";

        //如果是第一页
        if(curPage==1){
            pageStr += "<span>首页</span><span>上一页</span>";
        }else{
            pageStr += "<span><a href='javascript:void(0)' rel='1'>首页</a></span><span><a href='javascript:void(0)' rel='"+(curPage-1)+"'>上一页</a></span>";
        }

        //如果是最后页
        if(curPage>=totalPage){
            pageStr += "<span>下一页</span><span>尾页</span>";
        }else{
            pageStr += "<span><a href='javascript:void(0)' rel='"+(parseInt(curPage)+1)+"'>下一页</a></span><span><a href='javascript:void(0)' rel='"+totalPage+"'>尾页</a></span>";
        }
        $("#pagecount").append(pageStr);
    }

</script>-->
{/block}